<template>
	<div class="sub">
		<el-container style="height: 100%;" class="acount">
			<el-aside style="width: auto;">
				<el-menu :router="true" default-active="/home/acount/property" class="el-menu-vertical-demo">
					<h5>账户管理</h5>
					<el-menu-item index="/home/acount/property">
						<span slot="title">账户资产</span>
					</el-menu-item>
					<el-menu-item index="/home/acount/merchant">
						<span slot="title">商户资料</span>
					</el-menu-item>
					<el-menu-item index="/home/acount/income">
						<span slot="title">收支明细</span>
					</el-menu-item>
					<el-menu-item index="/home/acount/reportforms">
						<span slot="title">收支明细报表</span>
					</el-menu-item>
				</el-menu>
			</el-aside>
			<router-view></router-view>
		</el-container>
	</div>
</template>

<script>
</script>
<style scoped="scoped">
	.sub{
		width: 100%;
		overflow: auto;
	}
	h5{
		padding: 30px 35px 45px !important;
		font-size: 15px;
	}
	.acount .el-menu-vertical-demo{
		width:180px;
		height: 100%;
		background-color: #eaedf2;
		margin: 0;
		padding: 0;
	}
	.el-menu-vertical-demo>li{
		width: 100%;
		height: 50px;
		margin: 0;
		padding: 0 !important;
	}
	.el-menu-vertical-demo>li>span{
		display:block;
		width: 100%;
		height: 100%;
		color: #333333;
		font-size: 14px;
		line-height: 50px;
		padding: 0 35px;
	}
	.is-active{
		background-color: #ffffff !important;
	}
	.el-menu-item:hover{
		background-color: #ffffff !important;
	}
</style>
